<template>
  <div v-if="$props.data" class="db-conn">
    <el-tag>{{ $props.data.name }}</el-tag>
    <el-tag>{{ $props.data.host }}</el-tag>
    <el-tag v-if="$props.data.dbName">{{ $props.data.dbName }}</el-tag>

  </div>
</template>

<style lang="scss" scoped>
.small-input {
  width: 98px;
}

.db-conn {
  /*
  background-color: #f3ffff;
  padding:6px;
  border-radius: 8px;
  border:dashed 1px #4CAF50;
   */
}
</style>
<script setup>
/**
 * Created by CodeGenerator  at 2021-03-15 10:31:23
 */


defineOptions({
  name: "conn",
  inheritAttrs: true,
});


const $props = defineProps({
  data: {type: Object}
});

const list = ref();

onMounted(function () {
})


</script>
